import React, { useContext } from "react";

import Mapbox from "@/page/base/mapBox";
import Base1 from "./base/base-1";
import Base3 from "./base/base-3";
import Base4 from "./base/base-4";
import Base5 from "./base/base-5";
import Base6 from "./base/base-6";
import Base7 from "./base/base-7";
import Base8 from "./base/base-8";
import Base9 from "./base/base-9";
import Base10 from "./base/base-10";
import Base11 from "./base/base-11";
import Base12 from "./base/base-12";
import Base13 from "./base/base-13";
import { Context } from "@/app-context/main-context";



function Baseinfo() {
    const { condition } = useContext(Context)


    return (
        <>
            <div className="baseView-page">
                <div className="baseView-center">
                    <Base1 condition={condition} />
                    <Mapbox condition={condition} style={{ width: "50%", height: "420px" }} />
                    <Base3 condition={condition} />
                    <Base4 condition={condition} />
                    <Base5 condition={condition} />
                    <Base6 condition={condition} />
                    <Base8 condition={condition} />
                    <Base11 condition={condition} />
                    <Base12 condition={condition} />
                    <Base13 condition={condition} />
                </div>
            </div>
        </>
    )
}
export default Baseinfo